@include('../top')
<!--banner-->
<div class="banner-top">
	<div class="container">
		<h1>{{$cat_name}}</h1>
		<em></em>
		<h2><a href="{{url('/')}}">主页</a><label>/</label>{{$cat_name}}</h2>
	</div>
</div>

	<!--content-->
		<div class="product">

<div class="row" style=" margin-left:18%;">
<button type="button" class="btn btn-danger" id="zh"><a href="{{url('/',['home','cat',$cat_id,'0'])}}">综合排序</a></button>
<button type="button" class="btn btn-warning" id="jgd"><a href="{{url('/',['home','cat',$cat_id,'1'])}}">价格由低到高</a></button>
<button type="button" class="btn btn-success" id="jgg"><a href="{{url('/',['home','cat',$cat_id,'2'])}}">价格由高到低</a></button>
<button type="button" class="btn btn-info" id="xl"><a href="{{url('/',['home','cat',$cat_id,'3'])}}">销量排序</a></button>
<button type="button" class="btn btn-warning" id="rx"><a href="{{url('/',['home','cat',$cat_id,'4'])}}">热销商品</a></button>
<button type="button" class="btn btn-danger"id="new"><a href="{{url('/',['home','cat',$cat_id,'5'])}}">新上架商品</a></button>

</div>

			<div class="container">
			<div class="col-md-9" id="content">
			<div class="mid-popular">
				@foreach($goods as $g)
					<div class="col-md-4 item-grid1 simpleCart_shelfItem">
					<div class=" mid-pop">
					<div class="pro-img">
						<img src="{{$g->thumb_img}}" class="img-responsive" alt="">
						<div class="zoom-icon ">
						<a class="picture" href="{{$g->thumb_img}}" rel="title" class="b-link-stripe b-animate-go  thickbox"><i class="glyphicon glyphicon-search icon "></i></a>
						<a href="{{url('/',['home','goods',$g->gid])}}"><i class="glyphicon glyphicon-menu-right icon"></i></a>
						</div>
						</div>
						<div class="mid-1">
						<div class="women">
						<div class="women-top">
							<h6><a href="{{url('/',['home','goods',$g->gid])}}">{{$g->goods_name}}</a></h6>
								<a href="{{url('/',['home','cartadd',$g->gid,1])}}"><img src="/images/ca.png" alt="" style="margin-left:180px;"></a>
							</div>
							<div class="clearfix"></div>
							</div>
							<div class="mid-2">
								<p ><label>{{$g->market_price}}</label><em class="item_price">{{$g->shop_price}}</em></p>
								  <div class="block">
									<div class="starbox small ghosting"> </div>
								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					</div>
				@endforeach
					{{--<div class="clearfix"></div>--}}
				</div>
                {!! $goods->render() !!}
			</div>
			<div class="col-md-3 product-bottom">
			<!--categories-->
                @foreach($cats as $scat)
                    @if($scat->parent_id == 0)
                    <div class=" rsidebar span_1_of_left">
						<h4 class="cate">{{$scat->cat_name}}</h4>
                        @foreach($cats as $fcat)
                            @if($fcat->parent_id == $scat->cat_id)
                            <ul class="menu-drop">
                                     <li class="item1"><a href="{{url('/',['home','cat',$fcat->cat_id])}}">{{$fcat->cat_name}}</a>
                                    @foreach($cats as $icat)
                                        @if($icat->parent_id == $fcat->cat_id)
								<ul class="cute">
									<li class="subitem1"><a href="{{url('/',['home','cat',$fcat->cat_id])}}">{{$icat->cat_name}} </a></li>
								</ul>
                                       @endif
                                    @endforeach
							    </li>
                            </ul>
                            @endif
                        @endforeach
                    </div>
                        @endif
                        @endforeach
                                <!--initiate accordion-->
						<script type="text/javascript">
							$(function() {
							    var menu_ul = $('.menu-drop > li > ul'),
							           menu_a  = $('.menu-drop > li > a');
							    menu_ul.hide();
							    menu_a.click(function(e) {
							        e.preventDefault();
							        if(!$(this).hasClass('active')) {
							            menu_a.removeClass('active');
							            menu_ul.filter(':visible').slideUp('normal');
							            $(this).addClass('active').next().stop(true,true).slideDown('normal');
							        } else {
							            $(this).removeClass('active');
							            $(this).next().stop(true,true).slideUp('normal');
							        }
							    });

							});
						</script>
<!--//menu-->
 <section  class="sky-form">
					<h4 class="cate">浏览历史</h4>
					 <div class="row row1 scroll-pane">
						 <div class="col col-4">
								<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Upto - 10% (20)</label>
						 </div>
						 <div class="col col-4">
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>40% - 50% (5)</label>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>30% - 20% (7)</label>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>10% - 5% (2)</label>
								<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Other(50)</label>
						 </div>
					 </div>
				 </section>


					 <!---->
					 <section  class="sky-form">
						<h4 class="cate">Type</h4>
							<div class="row row1 scroll-pane">
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Sofa Cum Beds (30)</label>
								</div>
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Bags  (30)</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Caps & Hats (30)</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Jackets & Coats   (30)</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Jeans  (30)</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Shirts   (30)</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Sunglasses  (30)</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Swimwear  (30)</label>
								</div>
							</div>
				   </section>
				   		<section  class="sky-form">
						<h4 class="cate">Brand</h4>
							<div class="row row1 scroll-pane">
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>Roadstar</label>
								</div>
								<div class="col col-4">
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Levis</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Persol</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Nike</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Edwin</label>
									<label class="checkbox"><input type="checkbox" name="checkbox" ><i></i>New Balance</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Paul Smith</label>
									<label class="checkbox"><input type="checkbox" name="checkbox"><i></i>Ray-Ban</label>
								</div>
							</div>
				   </section>
		</div>
			<div class="clearfix"></div>
				<!--products-->

			<!--//products-->
				<!--brand-->
				<div class="brand">
					<div class="col-md-3 brand-grid">
						<img src="/images/ic.png" class="img-responsive" alt="">
					</div>
					<div class="col-md-3 brand-grid">
						<img src="/images/ic1.png" class="img-responsive" alt="">
					</div>
					<div class="col-md-3 brand-grid">
						<img src="/images/ic2.png" class="img-responsive" alt="">
					</div>
					<div class="col-md-3 brand-grid">
						<img src="/images/ic3.png" class="img-responsive" alt="">
					</div>
					<div class="clearfix"></div>
				</div>
				<!--//brand-->
			</div>

		</div>
<!--//content-->
<!--//footer-->

@include('../bottom')

<!--//footer-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/js/simpleCart.min.js"> </script>
<!-- slide -->
<script src="/js/bootstrap.min.js"></script>
<!--light-box-files -->
<script src="/js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="/css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
	$(function() {
		$('a.picture').Chocolat();
	});
</script>


</body>
</html>